// Copyright 2017 The Kubernetes Authors.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import '../../../variables';

.kd-warnings-container {
  background-color: $warning;
  border: 1px solid $border;
  border-radius: 2px;
  box-shadow: $whiteframe-shadow-1dp;
  color: $warning-secondary;
  display: block;
  margin: (2.5 * $baseline-grid) (2.5 * $baseline-grid) 0;
}

.kd-warning-message {
  display: flex;
  padding-left: 2 * $baseline-grid;

  &:not(:last-child) {
    border-bottom: 1px solid $border;
  }

  .kd-raw-warning {
    font-family: monospace;
    margin: 1.75 * $baseline-grid;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
  }

  .kd-dismiss-icon {
    cursor: pointer;
    margin-right: 2 * $baseline-grid;
    outline: none;
    text-align: right;
  }
}

.kd-more-warnings {
  background-color: $foreground-4;
  display: flex;
  font-weight: 500;
  padding: $baseline-grid (2 * $baseline-grid);

  .material-icons {
    margin-right: 1.5 * $baseline-grid;
  }

  .md-button {
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    min-height: 0;
    outline: none;
  }
}
